<#if (articleResult?exists && articleResult.data?exists && articleResult.data?size > 0)>
    <#list articleResult.data as article>
    <article class="blog-article">
        <h3 class="am-article-title blog-article-title">
            <a href="${base}/article/${article.id}">${article.title}</a>
        </h3>

        <div class="am-cf blog-content">
            <#if (article.imageList?exists && article.imageList?size > 0)>
                <div class="am-align-left">
                    <a href="${base}/article/${article.id}">
                        <img style="border-radius:3px" title="${article.title}"
                             src="${article.imageList[0].url}!preview"/>
                    </a>
                </div>
            </#if>
            <@article_summary content=article.content/>
        </div>

        <div class="am-cf blog-article-info">
            <span class="time-info"><strong>${article.createUserName}</strong>&nbsp;&nbsp;&nbsp;发表于&nbsp;&nbsp;&nbsp;${article.createTime?date}</span>
            <span class="category">
                分类：
                <#if article.category?exists>
                    <a href="${base}/article/category/${article.category.id}">${article.category.name!""}</a>
                </#if>
            </span>
            <#if (article.tagList?exists && article.tagList?size > 0)>
                <span class="tag">标签：
                    <#list article.tagList as tag>
                        <a rel="tag" href="${base}/article/tag/${tag.id}">${tag.name}</a>
                    </#list>
                </span>
            </#if>
            <span>${article.viewCount}人围观</span>
            <a title="查看 ${article.title} 的评论" href="${base}/article/${article.id}#comments">
                <span class="ds-thread-count" data-thread-key="${article.id}" data-count-type="comments"></span>
            </a>
            <a class="read" href="${base}/article/${article.id}">继续阅读</a>
        </div>
    </article>
    </#list>
<hr class="am-article-divider blog-hr">
<ul class="am-pagination blog-pagination">
    <#assign pageUrl=base />
    <#if (category?has_content && category > 0)>
        <#assign pageUrl=base + "/article/category/" + category/>
    </#if>
    <#if (articleResult.pager.page > 1)>
        <li class="am-pagination-prev"><a href="${pageUrl}?page=${articleResult.pager.page - 1}">&laquo; 上一页</a></li>
    </#if>
    <#if (articleResult.pager.page < articleResult.totalPage)>
        <li class="am-pagination-next"><a href="${pageUrl}?page=${articleResult.pager.page + 1}">下一页 &raquo;</a></li>
    </#if>
</ul>
</#if>